<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js" charset="utf-8"></script>
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all"/>
		<link rel="stylesheet" href="./base.css" />
		<link rel="stylesheet" href="css/iconfont3.css" />
		<script src="./js/顶部导航栏.js"></script>
		<link rel="stylesheet" href="./css/顶部导航栏.css" />
		<script src="./js/用户界面.js"></script>
		<link rel="stylesheet" href="./css/用户界面.css"/>
		<script src="js/jquery.cookie.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		
		<style>
			html{
				width: 100%;
				height: 100%;
				
			}
			body{
				width: 100%;
				height: 100%;
				background-color: #F4F5F5;
			}
		</style>
	</head>
	<body>
		<div class="qrcode1"><i class="iconfont icon-erweima"></i></div>
		<div class="qrcode2">扫一扫</div>
		<div class="qrcode3"><img src="img/微信二维码.png" style="width: 100px;height: 100px;"/></div>
	<!-- 顶部导航栏 -->
	<div class="navTop">
		<div class="nav-home">
			<img style="width: 0.45rem;height: 0.45rem;margin-top: 0.08rem;" src="img/icon1.png"/>
			<div class="home-name"><a href="题库主页.html">首页</a></div>
		</div>
		
		<div style="width: 1rem"  class="nav-icon nav-collection">
			<a href="提出问题.html" style="color: white"><i title="我要发布" class="iconfont icon-fabu"  style="font-size: 0.23rem;"></i></a>
		<!-- 	<div> 
				<div class="nav-collection-item   nav-collection-item1" style="width: 40%;height: 100%;border-right: 1px solid #B2B2B2;">
		
				</div>
				<div class="nav-collection-item nav-collection-item2" style="width: 60%;height: 100%;">
					
				</div>
			</div> -->
		</div>
	
		<div style="width: 1rem" class="nav-icon nav-user" >
			<a href="用户界面.html"><i class="iconfont icon-yonghu1 "  style="font-size: 0.28rem;"></i></a>
			<div class="nav-user-item">
				<div style="width: 100%;height:0.9rem;display: flex;background-color: DeepSkyBlue;border-radius: 0.07rem;">
					<div style="width: 70%;height: 100%;display: flex;">
						<img class="faceimg" style="height: 0.7rem;width: 0.7rem;margin: 0.05rem;" class="faceimg"/>
						<div style="height: 0.7rem;width: 2.4rem;margin:0.05rem;text-align: left;color: white;line-height: 0.2rem;">
							<span style="font-weight: bolder;font-size: 0.16rem;color: white;" class="user-name">游客</span>
							
						</div>
					</div>
					<div style="width: 30%;height: 100%;">
						<button class="sign">登录</button>
						<button class="register">退出</button>
					</div>
				</div>
			</div>
		</div>	
	</div>
	<!-- 登陆注册弹框 -->
	<div class="shadow">
		<div class="content">
			<div class="close"><span>X</span></div>
			<div class="dengluDiv">
				<div class="dengluMeans">
					<button class="zhanghaoDl">账号登陆</button> &nbsp; &nbsp;|  &nbsp;&nbsp;
					<button  class="phoneDl">手机号登录</button>
				</div> 
				<div class="zhanghaoNum">
					<input class="dengluzhanghao" type="text" placeholder="请输入账号"/>
					<input class="denglumima" type="password" placeholder="请输入您的密码"/>
					<span  class="accountlogin-tips tips">请输入正确的账号或者密码</span>
					<input class="zhanghao-dengluBtn dengluBtn" type="button" value="登录"/>
				</div>
				<div class="phoneNum">
					<input class="phone" type="text" placeholder="请输入你的手机号" />
					<input class="yanzhengma" type="button" value="点击发送验证码"/>
					<input class="yanzhengmaInput" type="text" placeholder="填写验证码"/>
					<span class="phonelogin-tips tips">请填写正确的验证码</span>
					<input class="phone-dengluBtn dengluBtn" type="button" value="登录"/>
				</div>
				
				<span class="changeZc">
					立即注册
				</span>
			</div>
			<div class="zhuceDiv">
				<input class="zhucemingo" type="text" placeholder="用户名"/>
				<input class="phone" type="text" placeholder="请输入手机号"/>
				<input class="yanzhengma" type="button" value="点击发送验证码"/>
				<input class="zhucemima" type="password" placeholder="请设置您的密码"/>
				<input class="querenmima" type="password" placeholder="请确认您的密码"/>
				<span class="register-tips tips">请检查资料是否填写完整或正确</span>
				<input class="zhuceBtn" type="button" value="注册"/>
				<span class="changeDl">
					立即登录
				</span>
			</div>
		</div>
	</div>
	
	
	
		<!-- 顶部导航栏图片 -->
		<div class="navImg"><img  src="img/用户界面导航图.jpg"/></div>
		
		<!-- 头像个人信息 -->
		<div class="info">
			<!-- 头像 -->
			<div class="headPortrait">
				<img class="faceimg"/>
			</div>
			
			<!-- 性别图标 -->
			<div class="icon icon-male"><i class="iconfont icon-xingbienan "></i></div>
			<div class="icon icon-female"><i class="iconfont icon-xingbienv "></i></div>
			
			<!-- 编辑资料-->
			<div class="edit">
				<div class="edit-button"><a >编辑资料</a></div>
			</div>
			
			<!-- 用户信息 -->
			<div class="user-info">
				<div class="user-name">
					游客
				</div>
				<div class="user-base">
					<div class="article">
						<div class="releaseExpNums">0</div>
						<div>发布经验</div>
					</div>
					<div class="collection">
						<div class="colExpNums">0</div>
						<div>收藏经验</div>
					</div>
					<div class="praise">
						<div class="comExpNums">0</div>
						<div>追加评论数</div>
					</div>
				</div>
			</div>
			
			<div class="sb"></div>
			<!-- 内容导航栏 -->
		
		</div>
		<div class="content-nav">
				<div class="content-nav-title" >
					<div style="border-bottom: 1px solid #222226;" class="article2">发布</div>
					<div class="answer">收藏</div>
				</div>
				<div class="content-nav-content">
					<div   class="content-nav-content-item">
							
					</div>
					<div   class="content-nav-content-item">
							
					</div>
						
				</div>
		</div>
		<!-- 底部公司信息 -->
		<div class="bottom-info">
			©2017 宁波世纪恒祥自控技术有限公司 网络备案号: <span style="color: #2D64B3;margin: 0px 0.1rem;">浙ICP备17054670号</span>信息产业部备案管理系统网址: 
			<a href="https://beian.miit.gov.cn/" style="color: #2D64B3;margin: 0px 0.1rem;">https://beian.miit.gov.cn/</a> 
		</div>
	</body>
</html>
